﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>参数设置</title>
    <!--引入文件-->
    <link href="~/Content/themes/default/easyui.css" rel="stylesheet" />
    <link href="~/Content/themes/icon.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script src="~/Scripts/jquery.easyui.min.js"></script>
    <script src="~/Scripts/easyui-lang-zh_CN.js"></script>
    <script src="~/Scripts/datapattern.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <link href="~/Content/BaseStyle.css" rel="stylesheet" />
    <script src="~/Scripts/lyUtils.js"></script>
    @*<script src="~/Scripts/datagrid-detailview.js"></script>*@
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script type="text/javascript">

        $(function () {
            //隐藏添加编辑
            $("#addDiv").css("display", "none");
            $("#editDiv").css("display", "none");

            $("#setActionDiv").css("display", "none");
            //给搜索按钮加一个单击事件
            $("#btnSearch").click(function () {
                //获取用户输入的搜索数据.
                var pars = {
                    name: $("#txtSearchName").val(),
                    remark: $("#txtSearchRemark").val(),
                    objectId: getUrlParam("ObjectId")
                };
                //将获取的搜索的数据发送到服务端。
                loadData(pars)
            });
            loadData();
        });

        function loadData(pars) {
            $('#tt').datagrid({

                url: '/CanShu/GetDataInfoList',
                title: '参数设置',
                width: 'auto',
                height: 'auto',
                fitColumns: true, //列自适应
                nowrap: false,
                idField: 'ID',//主键列的列明
                loadMsg: '正在加载信息...',
                pagination: true,//是否有分页
                singleSelect: true,//是否单行选择
                pageSize: 20,//页大小，一页多少条数据
                pageNumber: 1,//当前页，默认的
                pageList: [10, 20, 30],
                queryParams: pars,//往后台传递参数
                columns: [[


                    { field: 'ck', checkbox: true, align: 'left', width: 50 },
					{ field: 'id', title: '编号', width: 80 },
					{ field: 'canshu', title: '名称', width: 80 },
                    { field: 'value', title: '值', width: 120 },
                    { field: 'note', title: '备注', width: 120 }

                ]],

                toolbar: [

                {
                    id: 'btnEidt',
                    text: '编辑',
                    iconCls: 'icon-edit',
                    handler: function () {
                        showEditInfo();
                    }
                }
                ],


            });
        }




        //展示一下要修改的数据.
        function showEditInfo() {
            //判断一下用户是否选择了要修改的数据
            var rows = $('#tt').datagrid('getSelections');//获取所选择的行
            if (rows.length != 1) {
                $.messager.alert("提示", "请选择要修改的数据", "error");
                return;
            }
            //给IFrame指定页面URL
            $("#editFrame").attr("src", "/CanShu/ShowEditInfo" + "?id=" + rows[0].id);
            $("#editDiv").css("display", "block");
            $('#editDiv').dialog({
                title: '修改参数',
                width: 380,
                height: 200,
                collapsible: true,
                maximizable: true,
                resizable: true,
                modal: true,
                buttons: [{
                    text: '确认',
                    iconCls: 'icon-ok',
                    handler: function () {
                        //表单校验
                        //validateInfo($("#addForm"));
                        //$("#addForm").submit();//提交表单
                        var childwindow = $("#editFrame")[0].contentWindow;
                        //console.warn(childwindow);
                        //调用子窗体中的方法完成表中的提交
                        childwindow.subForm();
                    }
                }, {
                    text: '关闭',
                    iconCls: 'icon-no',
                    handler: function () {
                        $('#editDiv').dialog('close');
                    }
                }]
            });

        }
        //更新以后调用该方法.
        function afterEdit(data) {

            if (data.IsSuccess) {
                $('#editDiv').dialog('close');
                $('#tt').datagrid('reload');//加载表格不会跳到第一页。
            } else {
                $.messager.alert("提示", "修改的数据失败", "error");
            }
        }

        //将序列化成json格式后日期(毫秒数)转成日期格式
        function ChangeDateFormat(cellval) {
            var date = new Date(parseInt(cellval.replace("/Date(", "").replace(")/", ""), 10));
            var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
            var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
            return date.getFullYear() + "-" + month + "-" + currentDate;
        }
    </script>

</head>
<body>



    <!--展示数据-->
    <div>

       
        <table id="tt" style="width: 700px;" title="标题" iconcls="icon-edit"></table>
    </div>

    <!--添加数据-->
    <div id="addDiv" style="display:none; overflow:hidden;">
        <iframe id="addFrame" style="width:100%;height:100%;" frameborder="0" scrolling="auto"></iframe>
    </div>

    <!--修改数据-->
    <div id="editDiv" style="display: none; overflow: hidden;">
        <iframe id="editFrame" style="width:100%;height:100%;" frameborder="0" scrolling="auto"></iframe>
    </div>


</body>
</html>

